@charset "utf-8";
/* CSS Document */
@media (max-width: 1350px){
	.case_b{ max-width:1200px;}
}
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	
	
	nav{ position:absolute; top:0px; left:0px; z-index:998; display:block; width:100%; overflow:hidden; background:none;}
	.nav{ position:absolute; float:left; background:rgba(255,0,0,0.50); z-index:20; right:0px; width:40%; overflow:hidden; display:block; margin:0px;}
	.nav li{ float:left; max-width:100%; width:100%; text-align:center;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:60px;}
	.nav>li>a:hover{ border-bottom:2px solid #fff; color:#fff;}
	.nav li a{ font-size:16px;}
	.dh{ display:block;}
	.iconnav-list:before{ font-size:54px;}
	.head_line .text{ display:none;}
	
	.header{ padding:0px;}
	.header .contact{ display:none;}
	.header .pledge{ display:none;}
	.header .logo{ max-width:80%; margin:0px;}

	.banner li img,.banner{ height:300px !important;}
	.lef_rig span{ display:none;}
	
	section.products{ padding-top:20px;}
	.pro_l{ max-width:100%;}
	.pro_l ul{ float:left; overflow:hidden; width:100%; margin-top:5px; border:0px;}
	.pro_l li{ max-width:calc(25% - 4.5px); margin:5px 6px 5px 0px;}
	.pro_l li:nth-of-type(4n){ margin-right:0px;}
	.pro_l li .text{ display:none;}
	.pro_l_title{ background:none;}
	.pro_l_title .picture{ display:none;}
	.pro_l_title .content{ text-align: center; color:#333; float:left; width:100%;}
	.pro_l li:hover{ padding:12px 24px 12px 28px;}
	
	.pro_r ul li{ max-width:48%; margin-right:0px;}
	.pro_r ul li:nth-of-type(even){ float:right; margin-right:0px; margin-left:auto;}
	
	.advan_b .content{ max-width:100%;}
	.advan_b .picture{ max-width:100%; margin:20px 0px; width:100%;}
	.advan_t .icon{ float:left; width:100%; margin-bottom:10px; text-align:center;}
	.advan_t li{padding:18px 10px;}
	.advan_t .content{ text-align:center; margin:0px; float:left; width:100%;}
	
	.brand li{ max-width:calc(100% / 3 - 12px); margin-right:18px !important;}
	.brand li:nth-of-type(3n){margin-right:0px !important;}
	.brand li:nth-of-type(n+7){ display:none;}
	
	.about_b .picture{ max-width:100%; width:100%; text-align:center;}
	.about_b .content{ max-width:100%;}
	
	section.show{ max-width:calc(100% - 30px); padding-left:0px !important; padding-right:0px !important;}
	
	

	.news_column{ max-width:49%; margin-right:0px; margin-bottom:10px;}
	.news_column:nth-of-type(even){ float:right;}
	.about_b .content{ margin-top:30px;}
	.about_b .content .title{ text-align:center;}
	.about_b .content .text{ text-align:center;}
	.about_b .content .text::after{ margin:10px auto 0px auto;}

	
	.footer .code{ display:none;}
	
	
	.list_l{ display:none;}
	.page_r{ max-width:100%; width:100%;}
	.pro_list .page_r li:first-child{ margin-left:0px;}
	.pro_list .list_l{ display:block; max-width:100%;}
	.list_l .contact{ display:none;}
	.url .content{ padding:20px 2%;}
	
	.page_brand{ max-width:100%;}
	.brand_no .list_l{ display:none;}
	
}
@media (max-width: 425px){
	.header .logo img{ max-height:60px;}
	.banner li img,.banner{ height:200px !important;}
	.lef_rig span{ display:none;}
	
	.iconnav-list:before{ font-size:45px;}
	.often .title{ font-size:24px;}
	.often .picture img{ max-height:48px;}
	
	.head_line .text{ display:none;}
	.head_b{ padding:24px 0px 24px 0px}
	.dh{ margin-top:0px;}
	
	.head_line{ display:none;}
	.search .find{ display:none;}
	.search .hotword{ max-width:100%;}
	
	section.products{ padding-bottom:5px;}
	.pro_l li{ padding:12px 0px; text-align:center;}
	.pro_l li .title{ float:left; max-width:100%; text-align:center;}
	.pro_r{ margin-top:10px; max-width:100%;}
	.pro_r ul li:nth-of-type(n+5){ display:none;}	
	
	.often{ margin:40px auto;}
	.often .title{ font-size:20px;}
	.advan_t .content .title{ font-size:16px;}
	.advan_t .content .text{ margin-top:10px;}
	
	section.brand{padding-bottom:52px;}
	.brand li{ max-width:49%; margin-right:0px !important; margin-bottom:10px;}
	.brand li:nth-of-type(even){ float:right;}
	
	section.about{ padding-top:50px;}
	.about_b .content .title{ font-size:20px;}
	.news_column{ max-width:100%;}
	.url .max{ flex-wrap:wrap; padding-left:0px !important; padding-right:0px !important;}
	.url .title{ max-width:100%; padding:13px 2%; box-sizing:border-box;}
	.url .content{ max-width:100%;}
	
	.footer .max{ flex-wrap:wrap;}
	.footer .logo{ max-width:100%; text-align:center;}
	.footer .contact{ margin-top:20px;}
	.footer .contact span{ display:inline-block;}
	.footer .code{ float:left; max-width:100%; display:block; margin-top:20px;}
		
	.news_r li .picture{ max-width:40%; width:100%;}
	.news_r li .content{ max-width:57%; padding-right:2%;}
	.news_r li .text{ margin-top:10px;}
	.sj_footer{ display:block;}
	.sj_footer img{ margin:0px auto;}
	footer.footer{padding:20px 0px 77px 0px;}
	.footer .logo{ margin-top:20px;}
	
	.page_r{ margin-top:20px;}
	.page_address{ margin-bottom:20px;}
	.pro_list .page_r li{ max-width:49%; margin-right:0px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.pro_list .page_r li .picture img{ height:180px;}
	.page_list{ margin:20px auto;}
	.page{ padding:2px 2px 2px 2px;}
	.news_list .page_r li .picture{ max-width:100%; width:100%;}
	.news_list .page_r li .picture img{ height:auto;}
	.news_list .page_r li .content{ max-width:100%; width:100%; margin-top:20px; padding:0px 2%; box-sizing:border-box;}
	.news_list .page_r li .content .more{ float:none; display:block;}
	.page_brand li{ max-width:48%; margin-right:0px;}
	.page_brand li:nth-of-type(even){ float:right;}
	.page_brand li .picture{ display:flex; align-items:center; height:170px;}
	.page_brand li img{ height:150px;}
}

@media (max-width: 375px){
	.header .logo img{ max-height:50px;}
	.iconnav-list:before{ font-size:40px; line-height:40px;}
	
	.often{ margin:40px auto 30px auto}
	
	.head_b{padding:10px 0px;}
	.head_line .max *{ font-size:12px;}
	.head_b .logo .content{ margin-top:0px;}
	.head_b .logo .content .title{ font-size:14px; border:0px; letter-spacing:0px; line-height:50px; padding-bottom:0px;}
	.head_b .logo .content .text{ display:none;}
	.advan_t li{ max-width:50%;}
	.advan_t{ margin-top:0px;}
	.show li{margin:0px 60px;}

	.pro_list .page_r li .picture img{ height:160px}
}



@media (max-width: 320px){
	.banner li img,.banner{ height:150px !important;}
	
}